<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>基础开发平台</title>
<!-- zui css -->
<link rel="stylesheet"
	href="${request.contextPath}/statics/dist/css/zui.min.css">
<!-- 样式主题切换 -->
<link rel="stylesheet"
	href="${request.contextPath}/statics/dist/theme/blue.css">
<!-- app css -->
<link rel="stylesheet" href="${request.contextPath}/statics/css/app.css">
<link rel="stylesheet" href="${request.contextPath}/statics/css/font-awesome.min.css">
<!-- jquery js -->
<script src="${request.contextPath}/statics/dist/lib/jquery/jquery.js"></script>


</head>
<body>
	<!-- Site wrapper -->
	<div class="wrapper" id="rrapp" v-cloak>
		<header class="main-header">
			<!-- Header Navbar-->
			<nav class="navbar navbar-fixed-top bg-primary">

				<div class="navbar-header">
					<a class="navbar-toggle" href="javascript:;" data-toggle="collapse"
						data-target=".navbar-collapse"><i class="icon icon-th-large"></i></a>
					<a class="sidebar-toggle" href="javascript:;"
						data-toggle="push-menu"><i class="icon icon-bars"></i></a> <a
						class="navbar-brand" href="#"> <span class="logo">基础开发平台</span>
						<span class="logo-mini">平台</span>
					</a>
				</div>
				<!-- Navbar Right Menu -->
				<div class="ncollapse navbar-collapse">
					<div class="container-fluid">
						<ul class="nav navbar-nav">
							<li><a href="javascript:;" data-toggle="push-menu"><i
									class="icon icon-bars"></i></a></li>
						</ul>
						<ul class="nav navbar-nav navbar-right">
						<!-- 邮件提醒:-->
							<li class="dropdown">
                                <a href="javascript:;" data-toggle="dropdown">
                                    <span>
                                        <i class="icon icon-envelope-alt"></i>
                                        <span class="label label-success label-pill up">5</span>
                                    </span>
                                </a>
                                <ul class="dropdown-menu">
                                    <li class="header">您有4封未读邮件</li>
									<li>
										<!-- inner menu: contains the actual data -->
										<ul class="menu">
											<li>
												<!-- start message --> <a href="#">
													
													<h4>
														发送人 <small><i class="fa fa-clock-o "></i> 5分钟</small>
													</h4>
													<p>消息内容，会议时间</p>
											</a>
											</li>
										</ul>
									</li>
											<!-- end message -->
                                </ul>
                            </li>
                            <!-- 消息提醒-->
                            <li class="dropdown">
                                <a href="javascript:;" data-toggle="dropdown">
                                    <span>
                                        <i class="icon icon-bell-alt"></i>
                                        <span class="label label-danger label-pill up">10</span>
                                    </span>
                                </a>
                                <ul class="dropdown-menu">
                                    <li class="header">您有10条消息提醒</li>
									<li>
										<ul class="menu">
											<li><a href="#"> <i class="ion ion-ios-people info"></i>
													消息提醒111111
											</a>
											</li>
										</ul>
									</li>
											<!-- end message -->
                                </ul>
                            </li>
							<!-- 待办任务 -->
							<li class="dropdown">
                                <a href="javascript:;" data-toggle="dropdown">
                                    <span>
                                        <i class="icon icon icon-flag"></i>
                                        <span class="label label-danger label-pill up">9</span>
                                    </span>
                                </a>
                                <ul class="dropdown-menu">
                                    <li class="header">您有9条待办任务</li>
									<li>
										<ul class="menu">
											<li><a href="#"> <i class="ion ion-ios-people info"></i>
													待办任务
											</a>
											</li>
										</ul>
									</li>
											<!-- end message -->
                                </ul>
                            </li>		
                            <!-- 用户信息 -->			
                             <li class="dropdown">
                                <a href="javascript:;" data-toggle="dropdown">
                                <i class="icon icon-user"></i> {{user.loginname}} <span class="caret"></span></a>
                                <ul class="dropdown-menu">
                                    <li><a href="#">资料设置</a></li>
                                    <li><a href="#">清除缓存</a></li>
                                    <li class="divider"></li>
                                    <li><a href="logout" class="btn btn-primary">退出系统</a></li>
                                </ul>
                            </li>	
							
							
						</ul>
					</div>
				</div>
			</nav>
		</header>

		<!-- =============================================== -->

		<!-- 左侧菜单包含 sidebar -->
		<aside class="main-sidebar">
			<!-- sidebar: style can be found in sidebar.less -->
			<section class="sidebar">
				<!-- /.search form -->
				<!-- sidebar menu: : style can be found in sidebar.less -->
				<ul class="sidebar-menu" data-widget="tree">
					<li class="header">导航菜单</li>

					<!-- vue生成的菜单 -->
					<menu-item :item="item" v-for="item in menuList"></menu-item>
				</ul>
			</section>
			<!-- /.sidebar -->
		</aside>
		<!-- =============================================== -->
		<!-- Content Wrapper. Contains page content -->
		<div class="content-wrapper">
			<!-- Content Header (Page header) -->
			<section class="content-header">
				<ol class="breadcrumb" id="nav_title"
					style="position: static; float: none;">
					<li class="active"><i class="fa fa-home"
						style="font-size: 20px; position: relative; top: 2px; left: -3px;"></i>
						&nbsp; 首页</li>
					<li class="active">{{navTitle}}</li>
				</ol>
			</section>

			<!-- Main content -->
			<section class="content" style="background: #fff;">
				<iframe scrolling="yes" frameborder="0"
					style="width: 100%; min-height: 200px; overflow: visible; background: #fff;"
					:src="main"></iframe>
			</section>
			<!-- /.content -->
		</div>
		<!-- /.content-wrapper -->

		<footer class="main-footer">
			<!-- <div class="pull-right hidden-xs">Version 3.1.0</div>
			Copyright &copy; 2018 <a href="http://www.renren.io" target="_blank">renren.io</a>
			All Rights Reserved -->
		</footer>

		<!-- Add the sidebar's background. This div must be placed
       immediately after the control sidebar -->
	<!-- 	<div class="control-sidebar-bg"></div> -->

		<!-- 修改密码 -->
		<div id="passwordLayer" style="display: none;">
			<form class="form-horizontal">
				<div class="form-group">
					<div class="form-group">
						<div class="col-sm-2 control-label">账号</div>
						<span class="label label-success" style="vertical-align: bottom;">{{user.username}}</span>
					</div>
					<div class="form-group">
						<div class="col-sm-2 control-label">原密码</div>
						<div class="col-sm-10">
							<input type="password" class="form-control" v-model="password"
								placeholder="原密码" />
						</div>
					</div>
					<div class="form-group">
						<div class="col-sm-2 control-label">新密码</div>
						<div class="col-sm-10">
							<input type="text" class="form-control" v-model="newPassword"
								placeholder="新密码" />
						</div>
					</div>
				</div>
			</form>
		</div>

	</div>
	<!-- ./wrapper -->
	<script src="${request.contextPath}/statics/libs/vue.js"></script>
	<script src="${request.contextPath}/statics/libs/router.js"></script>
	<script src="${request.contextPath}/statics/plugins/layer/layer.js"></script>
	<script src="${request.contextPath}/statics/js/index.js"></script>
	 <!-- zui js -->
    <script src="${request.contextPath}/statics/dist/js/zui.min.js"></script>
    <!-- app js -->
    <script src="${request.contextPath}/statics/js/app.js"></script>
</body>
</html>
